<script setup>

import CarouselImgManage from "@/components/carouselImgManage/CarouselImgManage.vue";
import PolicyManageIndex from "@/components/policyManage/PolicyManageIndex.vue";
import UserManageIndex from "@/components/userManage/UserManageIndex.vue";
import AgritainmentManageIndex from "@/components/agritainmentManage/AgritainmentManageIndex.vue";

</script>

<template>
  <el-tabs class="tabs" tab-position="left">
    <el-scrollbar class="scroll-auto mr-2 mt-2" height="calc(100vh - 120px)">

      <el-tab-pane label="政策管理">
        <PolicyManageIndex/>
      </el-tab-pane>

      <el-tab-pane label="首页轮播图">
        <CarouselImgManage/>
      </el-tab-pane>

      <el-tab-pane label="用户管理">
        <UserManageIndex/>
      </el-tab-pane>

      <el-tab-pane label="农家乐管理">
        <AgritainmentManageIndex/>
      </el-tab-pane>

    </el-scrollbar>
  </el-tabs>
</template>

<style scoped lang="scss">

.tabs {
  height: calc(100vh - 120px);
}

</style>
